<template>
	<view id="app">
		<view id="app_overall">
			<view class="app_tp ">
				<text class="iconfont icon-shuben"></text>
			</view>
			<view>
				<!-- <text class="app_fx">飞翔教育</text> -->
			</view>

		</view>
		<!-- <navigator url="/pages/My/notenroll"> -->
		<button open-type="getUserInfo" style="background:#6689ff;color: #fff;" @click="login">{{nickName}}</button>
		<!-- </navigator> -->

		<!-- 	<view class="userinfo">
			<block uni.if="{{!hasUserInfo}}">
				<button>获取头像昵称</button>
				<button>获取头像昵称</button>
			</block>
		</view> -->
	</view>
</template>

<script>
	import {
		ref,
	} from 'vue'
	import http from '/utils/http.js'
	export default {
		onLaunch() {
			// console.log(options)
		},
		onLaunch() {

		},
		data() {
			return {
				userInfo: true,
				nickName: '微信登录',
				avatarUrl: '',
			}
		},
		methods: {
			// login() {
			// 	uni.authorize({
			// 		scope: 'scope.userInfo',
			// 		success() {
			// 			uni.getUserInfo()

			// 		}
			// 	})
			// }
			login() {
				let that = this;
				uni.getUserProfile({
					desc: '用于完善用户资料',
					lang: 'zh_CN',
					success(codeData) {
						console.log(codeData)
						uni.login({
							success(res) {
								console.log(res.code);
								uni.showLoading({
									title: '登录中'
								});
								http({
									url: '/wx/login',
									method: 'POST',
									params: {
										"code": res.code,
										"nickName": codeData.userInfo.nickName,
										"avatarUrl": codeData.userInfo.avatarUrl
									}
								}).then((res) => {
									console.log(res)
									uni.hideLoading();
									uni.showToast({
										title: '登陆成功去看打印',
										icon: 'none'
									})
								}).catch((err) => {
									console.log(err)
								})


							}
						})
					}
				})
			}
			// console.log(codeData)
			// uni.request({
			// 	url: 'http://172.16.142.78:8065/wx/login',
			// 	method: 'POST',
			// 	data: {
			// 		code: codeData.code,
			// 		nickName: res.userInfo.nickName,
			// 		avatarUrl: res.userInfo.avatarUrl
			// 	},

			// 	success(login) {
			// 		console.log(login)
			// 		uni.showToast({
			// 			title: '登录成功去看打印',
			// 			icon: 'none'
			// 		})
			// 	}
			// })
			// getUserInfo() {
			// 	let that = this
			// 	uni.getUserProfile({
			// 		desc: "weixin", // 指明用途,这个参数是必须的
			// 		success(res) {
			// 			that.nickName = res.userInfo.nickName
			// 			that.avatarUrl = res.userInfo.avatarUrl

			// 			console.log(res.iv)

			// 		},
			// 		fail(err) {
			// 			console.log(err)
			// 		}
			// 	})
			// }
			// getUserInfo() {
			// 	uni.authorize({
			// 		scope: 'scope.userInfo',
			// 		success(res) {
			// 			console.log(res, '成功')

			// 		},
			// 		fail(err) {
			// 			console.log(err, '失败')
			// 		}
			// 	})
			// uni.getUserProfile({
			// 	desc: '是否授权',
			// 	success(userInfo) {
			// 		console.log(userInfo, '成功')

			// 	},
			// 	fail(err) {
			// 		console.log(err, '失败')
			// 	}
			// })

		}
	}
</script>

<style lang="less">
	@import url('../../static/my-iconfont/iconfont.css');

	// .userinfo {
	// 	display: flex;
	// 	flex-direction: column;
	// 	align-items: center;
	// 	color: #aaa;
	// }

	#app {
		padding: 32rpx;
	}

	#app_overall {
		height: 443rpx;
		// background: red;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;

		.app_tp {
			width: 200rpx;
			height: 200rpx;
			background: #6689ff;
			text-align: center;
			line-height: 200rpx;
			color: #fff;

			.icon-shuben {
				font-size: 140rpx;

			}
		}
	}
</style>
